<template>
  <el-select>
    <el-option
      v-for="item in difficultyList"
      :label="item.difficultyName"
      :value="item.difficulty"
      :key="item"
    />
  </el-select>
</template>

<script setup>
import { reactive } from 'vue'

const difficultyList = reactive([
  {
    difficulty: 1,
    difficultyName: '简单'
  },
  {
    difficulty: 2,
    difficultyName: '中等'
  },
  {
    difficulty: 3,
    difficultyName: '困难'
  }
])
</script>
